﻿@model ChargifySampleSite.MVC3.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
}

@section head {}
@section menu {
    <div class="hlist">
	    <ul>
		    <li>@Html.ActionLink("Home", "Index", "Home")</li>
		    <li class="active"><strong>Login</strong></li>
	    </ul>
    </div>
}
@section leftContent {}

<h2>Log On</h2>
<p>
    Please enter your username and password. @Html.ActionLink("Register", "Register") if you don't have an account.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")
    <div class="yform columnar">
        <fieldset style="width: 500px;">
            <legend>Login</legend>

            <p class="info">
                To login as a customer: <strong>user / password</strong><br />
                OR @Html.ActionLink("signup for a plan", "Index", "Plans") and login with your own credentials!
            </p>
            <div class="type-text">
                @Html.LabelFor(m => m.UserName)
                @Html.TextBoxFor(m => m.UserName)
            </div>
            <div class="type-text">
                @Html.LabelFor(m => m.Password)
                @Html.PasswordFor(m => m.Password)
            </div>
            <div class="type-check">
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe)
            </div>
            <div class="type-button float_right">
                <input type="submit" value="Log On" />
            </div>
        </fieldset>
    </div>
}
